<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
        body{display: flex;justify-content:center}
        .box{
            display: flex;
            width: 980px;
            height: 44rem;
            justify-content:center;
            flex-direction:column;
            align-items:center;
        }
        h1{
            display: flex;
            justify-content:center;
            font-size: 1.5rem;
            padding: 1rem;
            color: #0d0d0d;
            width: 28rem
        }
    </style>
</head>
<body>

<!-- style="width: 400px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; text-align: center;margin-top: 200px; -->
<!--style="display: flex; flex-direction: column;padding: 10px"-->
<div class="box">
    <div class="div3">
        <h1>您已成功支付，请等待车模下载和安装</h1>
        <h1>该页面将<font align="center" color="#CE3C39" id="f1">3s</font>后将关闭页面</h1>
    </div>
</div>
</body>

<script type="text/javascript">

    var i = 3;
    var xx = window.setInterval(tt, 1000);

    function tt() {
        i--;
        document.getElementById('f1').innerHTML = i + 's';
        if (i === 0) {
            window.clearInterval(xx);
            WeixinJSBridge.call('closeWindow');
        }
    }
</script>
</html>